
<!--
	//--搜索组件-下拉列表
		//注意：父级元素需要设置display:flex

		//视图引用
		<includexxx file='./Public/Template/Phone/Plugin/plugin_search_select.html' />


		//控制器设置变量
		$search_select = array(
			array(
				'key'=>'area1',		// area1  -> 设置 sessionStorage 中的key名
				'list'=>array(
					'0'=>'A',		// 10  -> 设置 sessionStorage 中的值 
					'1'=>'B',
					'2'=>'C',
					'3'=>'D',
					'4'=>'E',
					'5'=>'F',
				),
			),
			array(
				'key'=>'area2',
				'list'=>array(
					'0'=>'A1',
					'2'=>'B1',
					'2'=>'C1'
				),
			)
		);
		$this->assign('search_select',$search_select);
-->



<volist name='search_select' id='vo' item='key'>
	<div style='flex:1;height:100%'>
		<select style='height:100%;width:100%;text-align:center' class='search_select' key='{$vo.key}' >
			<volist name='vo.list' item='key' id='vo2'>
				<option value='{$key}'>{$vo2}</option>
			</volist>
		</select>
	</div>

</volist>


<script>
	$(function(){
		//下拉列表选择事件
		$(".search_select").change(function(){
			//获取当前操作的元素在该类元素中的下标
			var search_index = $(this).index('.search_select'); 
			//获取指定下标元素中的属性值 
			var search_select_type = $('.search_select').eq(search_index).attr('key');
			//获取指定下标select元素的选中val值
			var search_select_type_val = $('.search_select').eq(search_index).val();
			//缓存当前选择的类型与值(拼接字串待解析执行)
			var str = 'sessionStorage.'+search_select_type+'='+search_select_type_val;
			//将字串解析并执行
			eval(str);
			var str2 = 'sessionStorage.'+search_select_type;
			//alert(eval(str2));
		});



		//比对缓存中与options的值，保持每个选择的状态
		//遍历指定类的select元素，
		for(var i=0;i<$('.search_select').length;i++){
			//获取每个指定类的select元素的属性key的值
			var keep_key = $('.search_select').eq(i).attr('key');
			//拼接缓存代码的字串
			var keep_str = 'sessionStorage.'+keep_key;
			//解析并执行代码(动态获取每个select元素中属性值为名的缓存)
			var get_sess = eval(keep_str);
			//如果该缓存值存在
			if(get_sess){
				//获取该select元素中的options总数
				var options_length = $('.search_select').get(i).options.length;
				//遍历options
				for(var j=0;j<options_length;j++){
					//获取每个options的value值 
					var get_option_val = $('.search_select').get(i).options[j].value;
					//判断options的值如果与缓存的值相同，且不是首条
					if(get_option_val == get_sess && get_sess!=0){
						//设置该下标的option为默认选项
						$('.search_select').get(i).selectedIndex=j;
					}
				}
			}
		}
	});

</script>